<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有鱼的分享站</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        <div class="container">
            <h1 id="siteTitle">🐟 有鱼的分享站</h1>
            <p class="subtitle">精选资源，用心分享</p>
        </div>
    </header>

    <main class="container">
        <!-- 搜索框 -->
        <div class="search-section">
            <div class="search-container">
                <input type="text" id="searchInput" placeholder="🔍 搜索项目标题或描述..." class="search-input">
                <button id="clearSearch" class="clear-search-btn" title="清除搜索">✕</button>
            </div>
            <div class="search-stats">
                <span id="searchStats">共 <span id="totalCount">9</span> 个项目</span>
            </div>
        </div>
        
        <div class="items-grid" id="itemsGrid">
            <!-- 项目1 -->
            <div class="item-card" data-item-id="1">
                <div class="item-image">
                    <img src="images/MCwuzhongren.jpg" alt="电脑MC Java版 雾中人4.0-1.20.1整合包">
                </div>
                <div class="item-content">
                    <h2 class="item-title">电脑MC Java版 雾中人4.0-1.20.1整合包 附正版+PCL启动器 恐怖生存</h2>
                    <p class="item-description">电脑端《我的世界》Java版"雾中人4.0"整合包完整资源。</p>
                    
                    <div class="download-section">
                        <div class="download-buttons">
                            <button class="download-btn disabled" data-item-id="1" data-type="quark" disabled>
                                🌐 夸克网盘下载
                            </button>
                            <button class="download-btn disabled" data-item-id="1" data-type="baidu" disabled>
                                ☁️ 百度网盘下载
                            </button>
                        </div>
                        
                        <div class="show-download-section">
                            <button class="show-download-btn" data-item-id="1">
                                🔓 显示下载
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 项目2 -->
            <div class="item-card" data-item-id="2">
                <div class="item-image">
                    <img src="images/MCjingbian100.jpg" alt="MC Java版 希望与绝望-惊变100天整合包">
                </div>
                <div class="item-content">
                    <h2 class="item-title">MC Java版 希望与绝望-惊变100天整合包 附正版+PCL启动器</h2>
                    <p class="item-description">希望与绝望-惊变100天。</p>
                    
                    <div class="download-section">
                        <div class="download-buttons">
                            <button class="download-btn disabled" data-item-id="2" data-type="quark" disabled>
                                🌐 夸克网盘下载
                            </button>
                            <button class="download-btn disabled" data-item-id="2" data-type="baidu" disabled>
                                ☁️ 百度网盘下载
                            </button>
                        </div>
                        
                        <div class="show-download-section">
                            <button class="show-download-btn" data-item-id="2">
                                🔓 显示下载
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 项目3 -->
            <div class="item-card" data-item-id="3">
                <div class="item-image">
                    <img src="images/nihuawocai.jpg" alt="自动画画绘图工具">
                </div>
                <div class="item-content">
                    <h2 class="item-title">自动画画绘图工具</h2>
                    <p class="item-description">可用于你画我猜等所有电脑绘图软件。</p>
                    
                    <div class="download-section">
                        <div class="download-buttons">
                            <button class="download-btn disabled" data-item-id="3" data-type="quark" disabled>
                                🌐 夸克网盘下载
                            </button>
                            <button class="download-btn disabled" data-item-id="3" data-type="baidu" disabled>
                                ☁️ 百度网盘下载
                            </button>
                        </div>
                        
                        <div class="show-download-section">
                            <button class="show-download-btn" data-item-id="3">
                                🔓 显示下载
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 项目4 - 公开资源 -->
            <div class="item-card" data-item-id="4">
                <div class="item-image">
                    <img src="images/QQ_1761118439931.png" alt="FlyCursor账号管理器">
                </div>
                <div class="item-content">
                    <h2 class="item-title">FlyCursor账号管理器</h2>
                    <p class="item-description">核心功能，一键换号：免费账号池 ，秒级换号，稳定维持 Cursor Pro 14天试用，本地自动注册：自动注册游标新账号，自动通过人机验证，需要手动绑定支付卡（绑定后请立即取消订阅，否则一直自动扣费）。教程链接：https://docs.qq.com/aio/DUGd6V2t5WUVoQUdG?p=fe25LhTS7BYWcRkQf8gRYD</p>
                    
                    <div class="download-section">
                        <div class="download-buttons">
                            <button class="download-btn" data-item-id="4" data-type="quark" data-link="https://pan.quark.cn/s/042361eebe8e?pwd=5UYJ">
                                🌐 夸克网盘下载
                            </button>
                            <button class="download-btn" data-item-id="4" data-type="baidu" data-link="https://pan.baidu.com/s/1u81xJcvaP8gHr--xOHb6XA?pwd=spq5">
                                ☁️ 百度网盘下载
                            </button>
                        </div>
                        
                        <div class="show-download-section">
                            <p class="public-label">🌟 公开资源，无需密码</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 项目5 -->
            <div class="item-card" data-item-id="5">
                <div class="item-image">
                    <img src="https://via.placeholder.com/400x300/4ECDC4/ffffff?text=Adobe套装" alt="Adobe全家桶 2024 最新版">
                </div>
                <div class="item-content">
                    <h2 class="item-title">Adobe全家桶 2024 最新版 - 含安装教程</h2>
                    <p class="item-description">Photoshop、Premiere、After Effects、Illustrator等全套软件，支持Windows和Mac系统。</p>
                    
                    <div class="download-section">
                        <div class="download-buttons">
                            <button class="download-btn disabled" data-item-id="5" data-type="quark" disabled>
                                🌐 夸克网盘下载
                            </button>
                            <button class="download-btn disabled" data-item-id="5" data-type="baidu" disabled>
                                ☁️ 百度网盘下载
                            </button>
                        </div>
                        
                        <div class="show-download-section">
                            <button class="show-download-btn" data-item-id="5">
                                🔓 显示下载
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 项目6 - 公开资源 -->
            <div class="item-card" data-item-id="6">
                <div class="item-image">
                    <img src="https://via.placeholder.com/400x300/95E1D3/ffffff?text=壁纸合集" alt="精选4K高清壁纸合集">
                </div>
                <div class="item-content">
                    <h2 class="item-title">精选4K高清壁纸合集 - 10000+张</h2>
                    <p class="item-description">包含风景、动漫、游戏、简约等多种风格的高清壁纸，4K分辨率，总大小约50GB。定期更新最新壁纸资源。</p>
                    
                    <div class="download-section">
                        <div class="download-buttons">
                            <button class="download-btn disabled" data-item-id="6" data-type="quark" disabled>
                                🌐 夸克网盘下载
                            </button>
                            <button class="download-btn" data-item-id="6" data-type="baidu" data-link="https://pan.baidu.com/s/wallpapertest">
                                ☁️ 百度网盘下载
                            </button>
                        </div>
                        
                        <div class="show-download-section">
                            <p class="public-label">🌟 公开资源，无需密码</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 项目7 -->
            <div class="item-card" data-item-id="7">
                <div class="item-image">
                    <img src="https://via.placeholder.com/400x300/F38181/ffffff?text=前端工具" alt="前端开发必备工具包">
                </div>
                <div class="item-content">
                    <h2 class="item-title">前端开发必备工具包 - VSCode插件+配置</h2>
                    <p class="item-description">包含前端开发常用的VSCode插件、主题、代码片段和最佳实践配置，让你的开发效率提升300%。</p>
                    
                    <div class="download-section">
                        <div class="download-buttons">
                            <button class="download-btn disabled" data-item-id="7" data-type="quark" disabled>
                                🌐 夸克网盘下载
                            </button>
                            <button class="download-btn disabled" data-item-id="7" data-type="baidu" disabled>
                                ☁️ 百度网盘下载
                            </button>
                        </div>
                        
                        <div class="show-download-section">
                            <button class="show-download-btn" data-item-id="7">
                                🔓 显示下载
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 项目8 -->
            <div class="item-card" data-item-id="8">
                <div class="item-image">
                    <img src="https://via.placeholder.com/400x300/AA96DA/ffffff?text=英语学习" alt="英语学习资源大全">
                </div>
                <div class="item-content">
                    <h2 class="item-title">英语学习资源大全 - 听说读写全覆盖</h2>
                    <p class="item-description">从零基础到高级，包含词汇书、语法教程、听力材料、口语练习、阅读资料等，帮助你系统学习英语。</p>
                    
                    <div class="download-section">
                        <div class="download-buttons">
                            <button class="download-btn disabled" data-item-id="8" data-type="quark" disabled>
                                🌐 夸克网盘下载
                            </button>
                            <button class="download-btn disabled" data-item-id="8" data-type="baidu" disabled>
                                ☁️ 百度网盘下载
                            </button>
                        </div>
                        
                        <div class="show-download-section">
                            <button class="show-download-btn" data-item-id="8">
                                🔓 显示下载
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 项目9 - 公开资源 -->
            <div class="item-card" data-item-id="9">
                <div class="item-image">
                    <img src="https://via.placeholder.com/400x300/FCBAD3/ffffff?text=AI绘画" alt="AI绘画工具合集">
                </div>
                <div class="item-content">
                    <h2 class="item-title">AI绘画工具合集 - Stable Diffusion + Midjourney教程</h2>
                    <p class="item-description">AI绘画完整教程和模型库，包含Stable Diffusion本地部署、Midjourney使用技巧、LoRA模型训练等内容。</p>
                    
                    <div class="download-section">
                        <div class="download-buttons">
                            <button class="download-btn disabled" data-item-id="9" data-type="quark" disabled>
                                🌐 夸克网盘下载
                            </button>
                            <button class="download-btn" data-item-id="9" data-type="baidu" data-link="https://pan.baidu.com/s/aiarttest">
                                ☁️ 百度网盘下载
                            </button>
                        </div>
                        
                        <div class="show-download-section">
                            <p class="public-label">🌟 公开资源，无需密码</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer>
        <div class="container">
            <p class="copyright">&copy; 2025 有鱼的分享站 - 分享快乐，传递价值</p>
            <div class="author-info">
                <p class="author">👤 作者：YouYu</p>
                <p class="contact">💬 微信：yubuchipingguo</p>
            </div>
        </div>
    </footer>

    <!-- 密码验证弹窗 -->
    <div id="passwordModal" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <h3>🔐 请输入访问密码</h3>
                <span class="close-modal">&times;</span>
            </div>
            <div class="modal-body">
                <p class="modal-tip">请输入访问密码以显示下载链接</p>
                <input type="text" id="passwordInput" class="password-input" placeholder="请输入密码" autocomplete="off">
                <p class="error-message" id="errorMessage" style="display: none;"></p>
            </div>
            <div class="modal-footer">
                <button class="modal-btn cancel-btn" id="cancelBtn">取消</button>
                <button class="modal-btn confirm-btn" id="confirmBtn">确认</button>
            </div>
        </div>
    </div>

    <script src="js/main.js"></script>
</body>
</html>
